<template>
  <el-row class="row-css">
    <el-col class="col-css" :span="24"
      ><div class="grid-content bg-purple-dark">
        <div class="l">
          <img src="../assets/images/common/u354.png" alt="" />
          <span>{{ cname }}</span>
        </div>
        <div class="r">
          <el-button
            @click="refrsh"
            type="primary"
            icon="el-icon-loading"
            size="small"
            >刷新</el-button
          >
        </div>
      </div></el-col
    >
  </el-row>
</template>

<script>
export default {
  props: ['cname'],
  methods: {
    refrsh() {
      this.$router.history.go(0)
    }
  }
}
</script>

<style lang="less" scope>
.r {
  float: right;
}
.row-css {
  line-height: 50px;
  text-align: center;
  background: #f3f3f3;
  height: 50px;
  border: 1px solid rgba(228, 228, 228, 1);
}
.col-css {
  margin: 0 auto;

  width: 1100px;
  height: 50px;
}

.l {
  float: left;
  height: 50px;
  img {
    vertical-align: middle;
  }
  span {
    display: inline-block;
    margin-left: 5px;
    color: #999;
  }
}
[class*='el-col-'] {
  float: none;
}
</style>
